<template>
	<view style="min-height: 100vh;background: #E2CEB5;">
		<!-- 背景图 -->
		<view class="TCMevaluation">
			<u-navbar :background="background" back-icon-color="#FFFFFF">
			</u-navbar>
			<view class="TCMevaluation-text">
				<text>
					体质检测不是为人们检查和诊断疾病；
					体质检测的目的用于帮助人们了解自己的身体素质状况；
					并为受试者提供科学健身的原则和方法。
				</text>
			</view>
		</view>
		<!-- 按钮 -->
		<view class="start-test" @tap="tapStart">
			开始测试
		</view>
	</view>
</template>

<script>

import uNavbar from "@/uview-ui/components/u-navbar/u-navbar.vue"

	export default {
		components: {
			uNavbar,
		},
		data() {
			return {
				background: {
					backgroundImage: 'none'
				},
			}
		},
		methods: {
			tapStart() {
				uni.navigateTo({
					url: '/subpackage/TCM-evaluation/TCM-evaluation?topicId=4'
				})
			}
		}
	}
</script>

<style lang="scss">
	.TCMevaluation {
		width: 750upx;
		height: 1624upx;
		background: url(http://static.bsyjk.cn/TCMevaluation/F7BD09B9714F4BB88D24F3DA075844C1.png)no-repeat;
		background-size: 100% 100%;
		padding-top: 1upx;

		.TCMevaluation-text {
			width: 750upx;
			margin: 1160upx auto 0;
			text-align: center;
			font-size: 24upx;
			color: #832825;
		}
	}

	.start-test {
		width: 496upx;
		height: 80upx;
		background: #832825;
		position: fixed;
		left: 50%;
		bottom: 90upx;
		transform: translateX(-50%);
		text-align: center;
		line-height: 80upx;
		color: #fff;
		border-radius: 40upx;
		font-size: 24upx;
	}
</style>
